import React from 'react'
import { Descriptions, Badge } from 'antd'
import CardTitle from '../G6Record/CardTitle'
import { color, ba } from '../../utils/json'

export default function Step3(props) {
  const { record = {} } = props

  return (
    <div>
      <CardTitle title="备案信息"></CardTitle>
      <Descriptions>
        <Descriptions.Item label="vin">{record.vin}</Descriptions.Item>
        <Descriptions.Item label="车辆通讯状态">
          {
            <Badge
              status={color[record.vehicleStatusG5]}
              text={ba[record.vehicleStatusG5]}
            />
          }
        </Descriptions.Item>
      </Descriptions>
      <CardTitle title="备案记录"></CardTitle>
    </div>
  )
}
